﻿<!doctype html>
<html>
<head>
    <meta charset="utf-8" name="viewport" content="width=device-width, initial-scale=1">
    <title>贵州新能源检测平台（第一套）</title>
    <script type="text/javascript" src="js/jquery.js"></script>
    <link rel="stylesheet" href="css/comon0.css">
</head>
<script type="text/javascript">
	
		
	$(document).ready(function(){ //整个html加载后执行这段代码
		var html=$(".wrap ul").html()
		$(".wrap ul").append(html)
		var ls=$(".wrap li").length/2+1
		i=0
		ref = setInterval(function(){
			i++
			if(i==ls){
				i=1
				$(".wrap ul").css({marginTop:0})
				$(".wrap ul").animate({marginTop:-'.52'*i+'rem'},1000)
			}
	    	$(".wrap ul").animate({marginTop:-'.52'*i+'rem'},1000)


		},2400); //每间隔2.4秒就执行一边代码



		var html2=$(".adduser ul").html()
		$(".adduser ul").append(html2)
		var ls2=$(".adduser li").length/2+1
		a=0
		ref = setInterval(function(){
			a++
			if(a==ls2){
				a=1
				$(".adduser ul").css({marginTop:0})
				$(".adduser ul").animate({marginTop:-'.5'*a+'rem'},800)
			}
	    	$(".adduser ul").animate({marginTop:-'.5'*a+'rem'},800)


		},4300);
	});
</script>
<body>
    <div class="loading">
        <div class="loadbox"> <img src="images/loading.gif"> 页面加载中... </div>
    </div>
    <div class="head">
      <h1>贵州能源电力调度新能源发电功率预测系统</h1>
      <div class="weather"><!--<img src="picture/weather.png"><span>多云转小雨</span>--><span id="showTime"></span></div>
    	
    	<script>
    	var t = null;
        t = setTimeout(time,1000);//開始运行
        function time()
        {
           clearTimeout(t);//清除定时器
           dt = new Date();
    		var y=dt.getFullYear();
    		
    		var mt=dt.getMonth()+1;
    		var day=dt.getDate();
           var h=dt.getHours();//获取时
           var m=dt.getMinutes();//获取分
           var s=dt.getSeconds();//获取秒
           document.getElementById("showTime").innerHTML = y+"年"+mt+"月"+day+"日-"+h+"时"+m+"分"+s+"秒";
           t = setTimeout(time,1000); //设定定时器，循环运行     
        } 
    
    	</script>
    	
    	
    </div>
    <div class="mainbox">
		<!-- 气象预警 -->
        <div class="warningbox" style="height:.6rem">
            <div class="warning">气象预警：<span class="warningtxt">由于强降水范围加大，强度增加，贵州气象台于9月24日06时发布暴雨蓝色预警。部分地区伴有短时强降水（最大小时降雨量20～40毫米，局地可超过50毫米），局地有雷暴大风等强对流天气。
            </span>
			</div>
        </div>
        <ul class="clearfix">
            <li>
                <!-- <div class="boxall" style="height: 2.7rem">
                    <div class="alltitle">发电参数</div>
                    <div class="sycm">
                        <ul class="clearfix">
                            <li><h2>1824</h2><span>总装机容量</span></li>
                            <li><h2>1920</h2><span>光伏电站个数</span></li>
                            <li><h2>19</h2><span>风电场个数</span></li>
                        </ul>
                        <div style="border-bottom: 1px solid rgba(255,255,255,.1)"></div>
                        <ul class="clearfix">
                            <li><h2>1824</h2><span>风速</span></li>
                            <li><h2>1920</h2><span>湿度</span></li>
                            <li><h2>19</h2><span>环境温度</span></li>
                        </ul>
                    </div>
                    <div class="boxfoot"></div>
                </div> -->
				
				<!-- 增加大气压强等内容 -->
				
				<!-- 风力气压 5.8rem -->
                <div class="boxall" style="height:5.8rem">
                    <div class="alltitle">风力电站信息</div>
                    <!-- <div class="tabs">
                        <ul class="clearfix">
                            <li><a class="active" href="#">年</a></li>
                            <li><a href="#">月</a></li>
                            <li><a href="#">日</a></li>
                        </ul>
                    </div> -->
                    <div class="sycm">
						<!-- 气压 -->
                        <ul class="clearfix"  style="margin: 10px 0 -10px 0;">
							<div class="air">
							    <div class="air-relative">
							        <div class="air-val">
							            <span class="air-icon"></span>
							            <div class="numfont">
							                <p class="hpa-rel"></p>
							                <p class="hpa-nam">气压</p>
							            </div>
							        </div>
							        <div class="gray">
							
							        </div>
							        <div class="light">
							
							        </div>
							        <div class="unit">HPA</div>
							    </div>
							</div>
                            <li class="none"><h2>1.9 m/s</h2><span>轮毂风速</span></li>
                            <li class="none"><div class="wheel"><img src="images/wind1.png" class="windFan"></div></li>
                            <li class="none"><h2>70 %</h2><span>平均湿度</span></li>
                        </ul>
						<!-- 轮毂风速 与平均温度 -->
                        <<!-- div style="border-bottom: 1px solid rgba(255,255,255,.1)"></div>
                        <ul class="clearfix" style="height:50px;">
							<li style="width:33%"><h2>156.8 m/s</h2><span>轮毂风速</span></li>
							<li style="width:34%;"><img src="images/wind1.png" class="windFan"></li>
							<li style="width:33%;"><h2>23 ℃</h2><span>平均温度</span></li> -->
							<!-- 基本版本 -->
                            <!-- <li style="width:45%"><h2>23 ℃</h2><span>平均温度</span></li>
                            <li style="width:45%"><h2>156.8 m/s</h2><span>轮毂风速</span></li> -->
                            <<!-- li><h2>86.8 Pa</h2><span>气压</span></li> -->
                        <!-- </ul> -->
                    </div>
					
                    <!-- <div class="clearfix">
                        <div class="sy" id="echarts6"></div>
                        <div class="sy" id="echarts7"></div>
                        <div class="sy" id="echarts8"></div>
                    </div> -->
					<!-- 风速折线图 -->
					<div style="height: 2.56rem">
						<strong><div class="alltitle">平均风速（月）</div>
						<div class="allnav" id="echart1" style="left: -6px;top: 13px;"></div></strong>
					</div>
					<div class="boxfoot"></div>
                </div>
				
				<div class="boxall" style="height: 2.5rem;">
					<div class="addnew">
					    <div class="tit02"><span>今日电站状态列表</span></div>
					    <div class="adduser">
					        <ul class="clearfix">
					            <li class="clearfix"> <span class="pulll_left"><!-- <img src="images/head.jpg"> -->1号风电发电站</span><span class="pulll_right">发电量：4000KWh</span> </li>
					            <li class="clearfix"> <span class="pulll_left"><!-- <img src="images/head.jpg"> -->2号风电发电站</span><span class="pulll_right">发电量: 8000KWh </span> </li>
					            <li class="clearfix"> <span class="pulll_left"><!-- <img src="images/head.jpg"> -->3号风电发电站</span><span class="pulll_right">发电量: 9000KWh</span> </li>
					            <li class="clearfix"> <span class="pulll_left"><!-- <img src="images/head.jpg"> -->4号风电发电站</span><span class="pulll_right">发电量: 5000KWh</span> </li>
					        </ul>
					    </div>
					</div>
				</div>
				
				
				<!-- 发电占比 -->
                <!-- <div class="boxall" style="height: 2.65rem">
                    <div class="alltitle">电站占比</div>
                    <div class="sy" id="echarts1"></div>
                    <div class="sy" id="echarts2"></div>
                    <div class="sy" id="echarts3"></div>
                    <div class="boxfoot"></div>
                </div> -->
                <!-- <div class="boxall" style="height: 2.95rem">
                    <div class="alltitle">行业用电占比</div>
                    <div id="echarts4" style="height: 2.2rem; width: 100%;"></div>
                    <div class="boxfoot"></div>
                </div> -->
            </li>
			<!-- 中间的总量 -->
            <li>
				<!-- 缺单位 -->
                <div class="bar">
                    <div class="barbox">
                        <ul class="clearfix">
                            <li class="pulll_left counter">1254548</li>
                            <li class="pulll_left counter">3914562</li>
                        </ul>
                    </div>
                <!--    <div  class="barbox">
                        <ul class="clearfix">
                            <li class="pulll_left"><img src="images/pin blue.png"></li>
                            <li class="pulll_left"><img src="images/pin yellow.png"></li>
                        </ul>
                    </div> -->
                    <div class="barbox2">
                        <ul class="clearfix">
                            <li class="pulll_left"><img src="images/blue.png">风电总量（瓦）</li>
                            <li class="pulll_left"><img src="images/yellow.png">光伏总量（瓦）</li>
                        </ul>
                    </div>
                </div>
                <div class="map">
                    <div class="map1"><!-- <img src="images/lbx.png"> --></div>
                    <div class="map2"><img src="images/jt.png"></div>
                    <div class="map3"><!-- <img src="images/map.png"> --></div>
                    <div class="map4" id="guizhou"></div>
                </div>
            </li>
            <!-- 光伏信息 -->
			<li>
                <div class="boxall" style="height:5.8rem">
					
                    <div class="alltitle">光伏电站信息</div>
                    <div class="tabs">
                        <ul class="clearfix">
                            <!-- <li><a class="active" href="#">年</a></li>
                            <li><a href="#">月</a></li>
                            <li><a href="#">日</a></li> -->
                        </ul>
                    </div>
                    <div class="sycm">
                        <ul class="clearfix">
                            <li style="width: 40%;"><h2>5 m/s</h2><span>平均风速</span></li>
                            <li style="width: 20%;"><h2>22 ℃</h2><span>平均温度</span></li>
                            <li style="width: 40%;"><h2>50 %</h2><span>平均湿度</span></li>
                        </ul>
                        <div style="border-bottom: 1px solid rgba(255,255,255,.1)"></div>
                        <ul class="clearfix" style="margin: 0;">
							<strong><li class="none"><h2>10 h</h2><span>日照时数</span></li></strong>
							<li class="none"><div><img style="width:40%;" src="images/sun.png"></div></li>
							<li class="none"><h2>16℃</h2><span>面板温度
							</span></li>
							<!-- <li style="width: 40%;"><h2>39380.7 kwh/m</h2><span>水平面总辐射量</span></li>
                            <li style="width: 20%;"><h2>10 h</h2><span>日照时数</span></li>
                            <li style="width: 40%"><h2>60991.1 kwh/m</h2><span>倾斜面总辐射量</span></li> -->
                        </ul>
                    </div>
					<div style="height: 2.56rem;">
						<strong><div class="alltitle">发电对比（月）</div>
						<div class="allnav" id="echart2"></div></strong>
					</div>
					<!-- 发电直方图 -->
					
					
					<!-- 发电占比 -->
                    <!-- <div class="clearfix">
                        <div class="sy" id="echarts6"></div>
                        <div class="sy" id="echarts7"></div>
                        <div class="sy" id="echarts8"></div>
                    </div> -->
					
					
                    <div class="boxfoot"></div>
                </div>
				<div class="boxall" style="height: 2.5rem;">
					<!-- 发电计划表 -->
					<div class="addnew">
					    <div class="tit02"><span>发电计划</span></div>
					    <div class="wrap">
					        <ul class="clearfix">
					            <li class="clearfix"> <span class="pulll_left"><!-- <img src="images/head.jpg"> -->光伏1号发电站</span> <span class="pulll_right">停机</span> </li>
					            <li class="clearfix"> <span class="pulll_left"><!-- <img src="images/head.jpg"> -->风力2号发电站</span> <span class="pulll_right">开启</span> </li>
					            <li class="clearfix"> <span class="pulll_left"><!-- <img src="images/head.jpg"> -->光伏3号发电站</span> <span class="pulll_right">停机</span> </li>
					            <li class="clearfix"> <span class="pulll_left"><!-- <img src="images/head.jpg"> -->风力4号发电站</span> <span class="pulll_right">开启</span> </li>
					        </ul>
					    </div>
					</div>
				</div>
                <!-- 发电占比 -->
                <!-- <div class="boxall" style="height: 2.65rem">
					
                   <div class="alltitle">发电占比</div>
                    <div class="sy" id="echarts6"></div>
                    <div class="sy" id="echarts7"></div>
                    <div class="sy" id="echarts8"></div>
                    <div class="boxfoot"></div>
                </div> -->
				
                <!-- <div class="boxall" style="height: 3.4rem">
                    <div class="alltitle">电站发电记录</div>
                    <div class="wrap">
                        <ul>
                            <li>
                                <p>1号光伏发电站-7327367w</p>
                            </li>
                            <li>
                                <p>2号光伏发电站-7327367w</p>
                            </li>
                            <li>
                                <p>3号光伏发电站-7327367w</p>
                            </li>
                            <li>
                                <p>4号光伏发电站-7327367w</p>
                            </li>
                            <li>
                                <p>5号光伏发电站-7327367w</p>
                            </li>
                            <li>
                                <p>6号光伏发电站-7327367w</p>
                            </li>
                        </ul>
                    </div>
                    <div class="boxfoot"></div>
                </div> -->
            </li>
        </ul>
    </div>
    <div class="back"></div>
	
    <script language="JavaScript" src="js/js.js"></script>
   
    <script type="text/javascript" src="js/relative-pa.js"></script>
	
	<script type="text/javascript" src="js/echarts.min.js"></script>
	<script type="text/javascript" src="js/guiZhou.js"></script>
	<script type="text/javascript" src="js/charts_guiZhou.js"></script>
</body>
</html>
